<a-spin :spinning="spinning">
  <a-row type="flex" class="header">
    <a-col :span="12">
      <!-- <global-menu></global-menu> -->
      <a-breadcrumb class="display-in-bl" :routes="routes">
        <template slot="itemRender" slot-scope="{ route, params, routes, paths }">
          <span v-if="routes.indexOf(route) === routes.length - 1">
            {{ route.title }}
          </span>
          <router-link v-else :to="{ name: route.path, query: route.query, params: route.params }">
            {{ route.title }}
          </router-link>
        </template>
      </a-breadcrumb>
    </a-col>
    <a-col :span="12">
      <div class="text-right">
        <a-space>
          <span class="text-overflow">
            <a-icon type="user" />
            <!-- {{ user && user.name }} -->
          </span>
          <a-button type="primary" @click="logout">
            <a-icon type="logout" />
          </a-button>
        </a-space>
      </div>
    </a-col>
  </a-row>
</a-spin>
